<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../js/jq-1.12.4.js"></script>
    <script>
        $(function () {
            //可见选择器 ：visible ：hidden
            $("#show").click(function () {
                //找到隐藏元素p
                let hidden = $("p:hidden")
                //显示
                hidden.show() //show()是显示函数 内置
            })

            $("#hide").click(function () {
                //找到显示元素p进行隐藏
                let p = $("p:visible")
                //隐藏
                p.hide()
            })

            //:not(选择器)
            $("input:not(#show)").css("background-color", "blue")
        })
    </script>
</head>

<body>
    <p id="txt_hide">点击按钮，我会被隐藏哦~</p>
    <p id="txt_show">隐藏的我，被显示了，嘿嘿^^</p>
    <input name="show" type="button" value="显示隐藏的P元素" id="show" />
    <input name="hide" type="button" value="隐藏显示的P元素" id="hide" />
</body>

</html>